.CodeMirror {
	/* Set height, width, borders, and global font properties here */
	font: normal 14px Consolas, 'Lucida Console', 'Lucida Sans Typewriter', monospace;
	border-top: 1px solid #dcbe67;
	width: 100%;
	height: 100%;
	background-color: #fff;
	color: #000;
}

.CodeMirror-hscrollbar, .CodeMirror-vscrollbar {
	outline: none;
}

.CodeMirror-gutters {
	border-right: 1px solid #ddd;
	background-color: #eee;
}

.CodeMirror-linenumber {
	color: #888;
}

.breakpoints { width: 1em; }
.breakpoint {
	color: #B22;
	font-size: 12px;
	line-height: 12px;
	margin-top: -4px;
}

.currentLine { width: 0px; }
.currentLineMarker {
	color: #000;
	background-color: #fffa00;
	margin-left: -1em;
	border: 1px solid #000;
	border-radius: 3px;
	padding: 0px;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 1em;
	width: 1em;
	line-height: 13px;
}

.cm-s-default .cm-keyword {color: #00f;}
.cm-s-default .cm-keyword-2 {color: #b0f;}
.cm-s-default .cm-keyword-3 {color: #12a2d4;}
.cm-s-default .cm-atom {color: #00f;}
.cm-s-default .cm-number {color: #12a2d4;}
.cm-s-default .cm-property {color: #000;}
.cm-s-default .cm-operator {color: #f00;font-weight:bold;}
.cm-s-default .cm-classes {color: #2b91af;}
.cm-s-default .cm-string {color: #f0f;}
.cm-s-default .cm-string-2 {color: #f0f;}
.cm-s-default .cm-comment {color: #009900;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-error {color: #f00;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #f00;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-emstrong {font-style: italic; font-weight: bold;}
.cm-link {text-decoration: underline;}

.cm-invalidchar {color: #f00;}
